<template>
  <div>
      <!-- 展示用户列表 -->
      <div v-show="info.users.length" v-for="user in info.users" :key="user.login">
          <a :href="user.html_url">
          <img :src="user.avatar_url" width="100px">
          </a>
          <p>{{user.login}}</p>
      </div>
      <!-- 展示欢迎词 -->
        <h1 v-show="info.isFirst">欢迎使用！</h1>
      <!-- 展示加载中 -->
        <h1 v-show="info.isLoading">加载中...</h1>
      <!-- 展示错误信息 -->
      <h1 v-show="info.errMsg">{{info.errMsg}}</h1>
  </div>
</template>

<script>
export default {
    name:'List',
    data(){
        return{
            info:{
            isFirst:true,
            isLoading:false,
            errMsg:'',
            users:[]
            }

        }
    },
    mounted() {
        this.$bus.$on('data',(dataObj)=>{
            console.log('我收到了数据：',dataObj);
            this.info=dataObj
        })
    },
}
</script>

<style>

</style>